<el-form ref="form" :model="form" :rules="rules" label-width="140px">
    <el-row :gutter="10">
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="服务单号" prop="MMRDDOCNO">
                <el-input clearable v-model="form.MMRDDOCNO">
                    <i class="el-icon-search el-input__icon" @click="openMmrd" slot="suffix"></i>
                </el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="客户">
                <el-input v-model="form.GWAKL004" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="联系人">
                <el-input v-model="form.MMRD010" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="联系电话">
                <el-input v-model="form.MMRD011" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="联系地址">
                <el-input v-model="form.MMRD012" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="服务类型" prop="MMRD001">
                <el-select clearable v-model="form.MMRD001" disabled>
                    <el-option v-for="item in selectOptions.mmrd001Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="产品/设备" prop="MMRD002">
                <el-input v-model="form.MMRD002" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="产品/设备序列号">
                <el-input v-model="form.MMRD003" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="故障代码">
                <el-select clearable v-model="form.MMRD013S" multiple disabled>
                    <el-option v-for="item in selectOptions.mmrd013Options"
                               :key="item.CODE"
                               :label="item.VALUE"
                               :value="item.CODE">
                    </el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="故障描述">
                <el-input v-model="form.MMRD014" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="服务日期"  prop="MMRD004">
                <el-date-picker
                        v-model="form.MMRD004"
                        type="date"
                        value-format="yyyy-MM-dd"
                        style="width:100%;" disabled>
                </el-date-picker>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="服务时间段">
                <el-select clearable v-model="form.MMRD005" disabled>
                    <el-option v-for="item in selectOptions.mmrd005Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="任务紧急度" prop="MMRD019">
                <el-select clearable v-model="form.MMRD019" disabled>
                    <el-option v-for="item in selectOptions.mmrd019Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="任务状态" prop="MMRD020">
                <el-select clearable v-model="form.MMRD020" disabled>
                    <el-option v-for="item in selectOptions.mmrd020Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="是否需要上门" prop="MMRD023">
                <el-select clearable v-model="form.MMRD023">
                    <el-option v-for="item in selectOptions.mmrd023Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="不上门原因">
                <el-input v-model="form.MMRD026"></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="16" :md="16" :lg="16" :xl="8">
            <el-form-item label="备注">
                <el-input type="textarea" v-model="form.MMRD028" disabled></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="受理日期"  prop="MMRD022">
                <el-date-picker
                        v-model="form.MMRD022"
                        type="date"
                        value-format="yyyy-MM-dd"
                        style="width:100%;">
                </el-date-picker>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="预计上门时间"  prop="MMRD024">
                <el-date-picker
                        v-model="form.MMRD024"
                        type="date"
                        value-format="yyyy-MM-dd"
                        style="width:100%;">
                </el-date-picker>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="预计上门时间段"  prop="MMRD025">
                <el-select clearable v-model="form.MMRD025">
                    <el-option v-for="item in selectOptions.mmrd005Options" :label="item.value" :value="item.code"></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <div class="grid-content bg-purple">
                <el-form-item label="故障图片" style="float: left;margin-left:0px;">
                    <template v-for="img in templateImageUrl">
                        <div class="div-autoline-parent">
                            <div class="child el-upload-list--picture-card">
                                <el-col class="el-upload-list__item">
                                    <img :src="img" class="el-upload-list__item-thumbnail">
                                </el-col>
                            </div>
                        </div>
                    </template>
                </el-form-item>
            </div>
        </el-col>

        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="text-align: right">
            <el-button icon="icon iconfont icon-23" size="mini" @click="cancel">关闭</el-button>
            <el-button type="warning" icon="icon iconfont icon-21" size="mini" @click="sure" :disabled="isDetail">保存</el-button>
            <el-button type="primary" icon="icon iconfont icon-19" size="mini" @click="shouli" :disabled="isDetail">受理并派工</el-button>
            <el-button type="success" icon="icon iconfont icon-25" size="mini" @click="jiean" :disabled="isDetail">直接结案</el-button>
        </el-col>
    </el-row>
</el-form>
<script>
    require(["pc/crm/gwai740_shouli"], $.noop);
</script>